<ui:composition
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
                
   
    <div class="ui-grid ui-grid-responsive" >
                
        <div class="ui-grid-row">                    

            <div class="ui-grid-col-3"  style="font-size: 0.9em; line-height: 30px;">
                <span>Herramientas: </span>
                <p:commandButton  icon="porcentaje16" title="Porcentaje de marcación"
                                 actionListener="#{catalogoBean.setMuestraPanelMarcacion(true)}"
                                 update=":formulario:panelesHerramientas"/>

                <p:commandButton   icon="conversor16" title="Conversor de medidas"
                                 actionListener="#{catalogoBean.setMuestraConversorMedida(true)}"
                                 update=":formulario:panelesHerramientas"/>

                <p:commandButton  icon="excel16" title="Descargar precios"
                                  actionListener="#{catalogoBean.setMuestraPanelDescarga(true)}"
                                  update=":formulario:panelesHerramientas"/>

            </div>

            <div class="ui-grid-col-3" style="text-align:center;">
                 <h:outputText value="+ de 500 Productos encontrados" styleClass="headerTable" style="line-height: 30px;"
                              rendered="#{catalogoBean.cantidadRegistros>=500}" />
                <h:outputText value="#{catalogoBean.cantidadRegistros} Productos encontrados" styleClass="headerTable" style="line-height: 30px;"
                              rendered="#{500>catalogoBean.cantidadRegistros}" />
            </div>

             <div class="ui-grid-col-6" style="font-size: 0.9em;">

                <div style="line-height: 30px; float:left; margin-right:10px;">Ver precios en: </div>
                <p:selectOneMenu id="moneda2" value="#{monedaBean.moneda}" rendered="#{not empty monedaBean.moneda}" style="width:160px; text-align: left;  font-size:0.9em;"
                             converter="#{conversorBean.conversorMoneda}" >
                    <f:selectItems value="#{monedaBean.lista}" var="m" itemLabel="#{m.descrp}(#{m.cotizacion})" itemValue="#{m}" />
                    <p:ajax update="moneda, :formulario:divDetalle " process="@this"  />
                </p:selectOneMenu>

                <p:selectOneButton styleClass="vistas" value="#{catalogoBean.tipoVista}" id="oneButtonVista">
                     <f:selectItem  itemLabel="" itemValue="T" />
                     <f:selectItem itemLabel="" itemValue="P"  />
                     <p:ajax update=":formulario:divDetalle" process="@this" event="change" listener="#{catalogoBean.guardarUltimaVista}"/>
                </p:selectOneButton>     

             </div>                    
        </div>                
    </div>

    
   
</ui:composition>
